<template>
    <view class="content">
        <van-nav-bar :title="scrolling? navBarTitle : '' " left-arrow @click-left="onClickLeft"> </van-nav-bar>
        <scroll-view class="scroll-content" scroll-y :lower-threshold="80" @scroll="scrollPage" show-scrollbar="false">
            <view class="tabTop">
                <view class="title"> {{navBarTitle}} <img
                        src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/questionIcon.png"
                        alt="" style="width: 44rpx; height: 44rpx;margin-left: 24rpx;" @tap="toDescribe"> </view>
                <view class="checkedInDay">已经连续签到{{continuousSignInDays}}天</view>
                <!-- <calendar  :spotMap="spotMap" @getDateList="getDateList" @monthChange="monthChange" @selectDay="selectDay"></calendar> -->
                 <checkedRecordsCalendar :weekTaskRecordResponses="weekTaskRecordResponses"></checkedRecordsCalendar>
                <view class="pointsTasksBox">
                    <view class="tasksBoxTitle">即将获得</view>
                    <view class="pointsTasksList">
                        <!-- <view class="tasksItemBox" @click="toMysteryBoxDetail">
                            <view class="tasksIcon">
                                <img src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/mysteryBox7.png"
                                    alt="" style="width: 242rpx; height:242rpx;">
                            </view>
                            <view class="tasksContent">
                                <view class="tasksName">7天签到惊喜盒</view>
                                <view class="button" v-if="isbutton" @click.stop="toOpenBlindBox"> 领取</view>
                                <view class="progressText" v-if="!isbutton"></view>
                                <view class="tasksProgress" v-if="!isbutton">
                                    <van-progress :percentage="Number((4/ 7) * 100).toFixed(0)" stroke-width="8px"
                                        color="#F1551C" track-color="#FFDFCB" show-pivot="false" show-info="false" />
                                </view>
                            </view>
                        </view>
                        <view class="tasksItemBox" @tap="toMysteryBoxDetail()">
                            <view class="tasksIcon">
                                <img src="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/mysteryBox30.png"
                                    alt="" style="width: 242rpx; height:242rpx;">
                            </view>
                            <view class="tasksContent">
                                <view class="tasksName">30天签到惊喜盒</view>
                                <view class="button" v-if="!isbutton"> 待领取</view>
                                <view class="progressText" v-if="isbutton">还剩 81天</view>
                                <view class="tasksProgress" v-if="isbutton">
                                    <van-progress :percentage="Number((4/ 30) * 100).toFixed(0)" stroke-width="8px"
                                        color="#F1551C" track-color="#FFDFCB" show-pivot="false" show-info="false" />
                                </view>
                            </view>
                        </view> -->
                        <view class="tasksItemBox"  v-for="(item,index) in blindBoxTaskRecordResponses" :key="index" >
                            <view class="tasksIcon" style="width: 242rpx; height:242rpx;" @click="toMysteryBoxDetail(item)"> <img :src="item.imageUrl" alt="" > </view>
                            <view class="tasksContent">
                                <view class="tasksName">{{item.name}}</view>
                                <template v-if="item.isCompleted">
                                    <view class="button" v-if="!item.isReceived" @tap="toReceviewBlindBox(item)"> 待领取</view>
                                    <view class="disabledButton" v-if="item.isReceived"> 已领取</view>
                                </template>
                                <view class="progressText" v-if="!item.isCompleted">还剩 {{item.remainingDays}}天</view>
                                <view class="tasksProgress" v-if="!item.isCompleted">
                                    <van-progress :percentage="Number(((item.consecutiveDays - item.remainingDays)/ item.consecutiveDays) * 100).toFixed(0)" stroke-width="8px"
                                        color="#F1551C" track-color="#FFDFCB" show-pivot="false" show-info="false" />
                                </view>
                            </view>
                        </view>
                    </view>
                </view>
            </view>

        </scroll-view>
        
    </view>
</template>

<script>
import { calendar } from '@/mycomponents/calendar'
import checkedRecordsCalendar from '@/mycomponents/pointsModule/checkedRecordsCalendar.vue'
// import STOPMAPS from '@/utils/constant'
// import { getWeekDate } from '@/utils/getWeekDate'
// import { getSelectDate } from '@/utils/getSelectDate'
import { calendarBox } from '@/mycomponents/calendarBox'
// import { weekSwitch } from '@/mycomponents/weekSwitch'
import {getDailySignInApi,receiveBlindBoxApi} from '@/api/checkedInTask'

export default {
    components: {
        calendar,
        // weekSwitch
        calendarBox,
        checkedRecordsCalendar
    },
    data() {
        return {
            navBarTitle: '每日签到',
            scrolling:false,
            continuousSignInDays:0, //连续签到天数
            defaultImg:'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/mysteryBox7.png', //默认图片
            params:{}, //接受从路由传过来的参数
            calendarData:[
                // {
                //     spotMap: [
                //         {
                //             'date': '2024-12-23',
                //             'status': 0
                //         },
                //         {
                //             'date': '2024-12-25',
                //             'status': 1
                //         },
                //         {
                //             'date': '2024-12-26',
                //             'status': 1
                //         },
                //         {
                //             'date': '2024-12-27',
                //             'status': 0
                //         },
                //         {
                //             'date': '2024-12-28',
                //             'status': 0
                //         },
                //         {
                //             'date': '2024-12-29',
                //             'status': 0
                //         },
                //         {
                //             'date': '2024-12-30',
                //             'status': 0
                //         },
                //     ]
                // },
                // {
                //     spotMap: [

                //         {
                //             'date': '2025-04-21',
                //             'status': 0
                //         },
                //         {
                //             'date': '2025-04-22',
                //             'status': 1
                //         },
                //         {
                //             'date': '2025-04',
                //             'status': 1
                //         },
                //         {
                //             'date': '2025-01-03',
                //             'status': 1
                //         },
                //         {
                //             'date': '2025-01-04',
                //             'status': 1
                //         },
                //         {
                //             'date': '2025-01-05',
                //             'status': 1
                //         },
                //         {
                //              'date': '2025-01-06',
                //              'status': 1
                //          },
                //     ]
                // }, 
                //  {
                //      spotMap: [
                        
                //          {
                //              'date': '2025-01-07',
                //              'status': 1
                //          },
                //          {
                //              'date': '2025-01-09',
                //              'status': 1
                //          },
                //          {
                //              'date': '2025-01-10',
                //              'status': 1
                //          },
                //          {
                //              'date': '2025-01-11',
                //              'status': 0
                //          },
                //          {
                //              'date': '2025-01-12',
                //              'status': 0
                //          },
                //          {
                //              'date': '2025-01-13',
                //              'status': 0
                //          },
                //          {
                //              'date': '2025-01-14',
                //              'status': 0
                //          },
                //      ]
                // },
            ],
            spotMap: [
         
                // {
                //     'date': '2025-04-14',
                //     'status': 0
                // },
                // {
                //     'date': '2025-04-15',
                //     'status': 1
                // },
                // {
                //     'date': '2025-04-16',
                //     'status': 1
                // },
                // {
                //     'date': '2025-04-17',
                //     'status': 0
                // },
                // {
                //     'date': '2025-04-18',
                //     'status': 0
                // },
                // {
                //     'date': '2025-04-19',
                //     'status': 0
                // },
                // {
                //     'date': '2025-04-20',
                //     'status': 1
                // },
                // {
                //     'date': '2025-04-21',
                //     'status': 1
                // },
                       
                // {
                //     'date': '2025-04-22',
                //     'status': 1
                // },
                // {
                //     'date': '2025-04-23',
                //     'status': 0
                // },
                // {
                //     'date': '2025-04-25',
                //     'status': 1
                // },
                // {
                //     'date': '2025-04-26',
                //     'status': 1
                // },
                // {
                //     'date': '2025-04-27',
                //     'status': 0
                // },
                // {
                //     'date': '2025-04-28',
                //     'status': 0
                // },
                // {
                //     'date': '2025-04-29',
                //     'status': 0
                // },
                // {
                //     'date': '2025-04-30',
                //     'status': 0
                // },
                // {
                //     'date': '2025-05-01',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-02',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-03',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-04',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-05',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-06',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-07',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-08',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-09',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-10',
                //     'status': 1
                // },
                // {
                //     'date': '2025-05-11',
                //     'status': 0
                // },
                // {
                //     'date': '2025-05-12',
                //     'status': 0
                // },
                // {
                //     'date': '2025-05-13',
                //     'status': 0
                // },
            ],
            // showCalendar: true, // 展示日历
            // spotMap: [],
            // // eslint-disable-next-line no-undef
            // STOPMAPS, // 标记状态全局储存
            // selectBetween: '', // 日周月
            // changeDateType: false, // 日历if占位渲染，
            // changeDateTypeWeek: true, // 日历if占位渲染，
            // changeDateTypeMonth: false, // 日历if占位渲染，
            // selectDate: '', // 页面渲染的时间
            // selectDay: '',
            // beforeWeek: new Date().getTime() - 7 * 24 * 60 * 60 * 1000,
            // dateIndex:1,
            // pointsTasksList:[
            //     {
            //         icon:'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/tasksCheckinDailyIcon.png',
            //         name:'完成每日签到',
            //         num:1,
            //         isTag:true
            //     },
            //     {
            //         icon:'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/tasksVideoIcon.png',
            //         name:'观看视频广告（1/10）',
            //         num:10,
            //         isTag:false
            //     },
            //     {
            //         icon:'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/tasksMallIcon.png',
            //         name:'逛逛惊喜商城15s',
            //         num:1,
            //         isTag:false
            //     },
            //     {
            //         icon:'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/tasksMakeOrderIcon.png',
            //         name:'下单惊喜商城商品',
            //         num:10,
            //         isTag:false
            //     },
            //     {
            //         icon:'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/tasksActivitiesIcon.png',
            //         name:'报名参与活动',
            //         num:3,
            //         isTag:false
            //     },
            //     {
            //         icon:'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/tasksNewMemberIcon.png',
            //         name:'邀请新用户完成注册（0/20）',
            //         num:100,
            //         isTag:false
            //     }
            // ],
            isbutton:true,
            weekTaskRecordResponses:null, //周任务记录 上周 本周 下周
            blindBoxTaskRecordResponses:[], //即将获得的盲盒任务记录
            isOpening: false, // 添加防抖控制状态
        }
    },
    onLoad(data) {
        // debugger
        // this.calendarData = this.generateCalendarData()
        // console.log(this.calendarData,'99090999')
    },
    onReady(){
        // this.generateCalendarData()

    },
    onShow(){
        this.getDailySignInRecords()
    },
    methods: {
        // 滑动
        scrollPage(e) {
            console.log(e.detail.scrollTop, this.scrolling)
            if (e.detail.scrollTop > 25 && !this.scrolling) {
                this.scrolling = true
            } else if ((e.detail.scrollTop <= 25 && this.scrolling) || (e.detail.scrollTop <= 25 && !this.scrolling)) {
                this.scrolling = false
            }
        },
        // 返回键
        onClickLeft () {
            uni.navigateBack()
        },
        // // 2.3.1版本 获取selectDate
        // // changeWeekDate () {
        // //     this.selectDate = this.paramsDate.selectDate
        // //     this.selectDay = this.paramsDate.selectDay
        // //     this.startTime = this.paramsDate.startTime
        // //     this.endTime = this.paramsDate.endTime
        // // },
        // // 显示日历组件  切换日期点击事件
        // changeDay (e) {
        //     console.log(e, 'day')
        //     this.showCalendar = false // 选择完日期关闭日历
        //     // const time = new Date()
        //     // const nowYear = time.getFullYear()
        //     if (e !== undefined) {
        //         this.teacherTableList = []
        //         this.teacherContentData = [] // 教师端异常数据表格
        //         this.teacherManagerParams.pageNum = 1
        //         this.showStatistic = false

        //         this.paramsDate = getSelectDate(e, this.selectBetween)
        //         this.changeWeekDate()
        //         this.paramsStartDate = this.startTime
        //         this.paramsEndDate = this.endTime
        //         if (this.selectBetween === 'single') {
        //             // this.selectDay = e.selectDay
        //             // if (e.year === nowYear) {
        //             //     this.selectDate = e.month + '月' + e.day + '日'
        //             // } else {
        //             //     this.selectDate = e.year + '年' + e.month + '月' + e.day + '日'
        //             // }
        //             // this.paramsStartDate = e.selectDay
        //             // this.paramsEndDate = e.selectDay
        //             this.markmultipleuserfordayParams.markDate = e.selectDay
        //             this.getUnMonitorStudentInfoMethod()
        //         } else if (this.selectBetween === 'multiple') {
        //             // this.selectDay = e.startTime
        //             // if (e.startTime.slice(0, 4) === e.endTime.slice(0, 4) && Number(e.endTime.slice(0, 4))===nowYear) {
        //             //     if (e.startTime.slice(5, -3) === e.endTime.slice(5, -3)) {
        //             //         this.selectDate = e.startTime.slice(5, -3) + '月' + e.startTime.slice(8, 10) + '日~' + e.endTime.slice(8, 10) + '日'
        //             //     } else {
        //             //         this.selectDate = e.startTime.slice(5, -3) + '月' + e.startTime.slice(8, 10) + '日~' + e.endTime.slice(5, -3) + '月' + e.endTime.slice(8, 10) + '日'
        //             //     }
        //             // } else {
        //             //     this.selectDate = e.startTime.slice(0, 4) + '年' + e.startTime.slice(5, -3) + '月' + e.startTime.slice(8, 10) + '日~' + e.endTime.slice(0, 4) + '年' + e.endTime.slice(5, -3) + '月' + e.endTime.slice(8, 10) + '日'
        //             // }
        //             // this.paramsStartDate = e.startTime
        //             // this.paramsEndDate = e.endTime
        //             // this.markmultipleuserfordayParams.markDate = e.startTime + '~' + e.endTime
        //             this.markmultipleuserfordayParams.markDate = this.startTime + '~' + this.endTime
        //             this.getClassUnMonitorStudentApiMethod()
        //         } else {
        //             // this.selectDay = e.startTime
        //             // if (e.year === nowYear) {
        //             //     this.selectDate = e.month + '月'
        //             // } else {
        //             //     this.selectDate = e.year + '年' + e.month + '月'
        //             // }
        //             // this.paramsStartDate = e.startTime
        //             // this.paramsEndDate = e.endTime
        //             // this.markmultipleuserfordayParams.markDate = e.startTime + '~' + e.endTime

        //             this.markmultipleuserfordayParams.markDate = this.startTime + '~' + this.endTime
        //         }

        //         this.showMark = false // 弹窗
        //     }
        // },
        // // 日期的切换
        // getDateList (e) {
        //     console.log(e, 'getDateList')
        // },
        // monthChange (e) {
        //     // 切换月份  获取月份，
        //     console.log(e, 'monthChange')
        //     if (e.month === 8) {
        //         this.spotMap = [
        //         {
        //             'date': '2024-12-20',
        //             'status': 1
        //         },
        //         {
        //             'date': '2024-12-21',
        //             'status': 1
        //         },
        //         {
        //             'date': '2024-12-22',
        //             'status': 1
        //         },
        //         {
        //             'date': '2024-12-23',
        //             'status': 0
        //         },
        //         {
        //             'date': '2024-12-25',
        //             'status': 1
        //         },
        //         {
        //             'date': '2024-12-26',
        //             'status': 1
        //         },
        //         {
        //             'date': '2024-12-27',
        //             'status': 0
        //         },
        //         {
        //             'date': '2024-12-28',
        //             'status': 0
        //         },
        //         {
        //             'date': '2024-12-29',
        //             'status': 0
        //         },
        //         {
        //             'date': '2024-12-30',
        //             'status': 0
        //         },
        //         {
        //             'date': '2024-12-31',
        //             'status': 0
        //         },
        //         ]
        //     } else if (e.month === 9) {
        //         this.spotMap = [
        //             {
        //                 'date': '2025-01-01',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-02',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-03',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-04',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-05',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-06',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-07',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-09',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-10',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-11',
        //                 'status': 0
        //             },
        //             {
        //                 'date': '2025-01-12',
        //                 'status': 0
        //             },
        //             {
        //                 'date': '2025-01-13',
        //                 'status': 0
        //             },
        //             ,
        //             {
        //                 'date': '2025-01-14',
        //                 'status': 0
        //             },
        //             {
        //                 'date': '2025-01-15',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-16',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-17',
        //                 'status': 0
        //             },
        //             {
        //                 'date': '2025-01-18',
        //                 'status': 0
        //             },
        //             {
        //                 'date': '2025-01-19',
        //                 'status': 0
        //             },
        //             {
        //                 'date': '2025-01-20',
        //                 'status': 1
        //             },
        //             {
        //                 'date': '2025-01-21',
        //                 'status': 1
        //             },
        //         ]
        //     }
        // },
        // selectDay (e) {
        //     // 日期选择
        //     console.log(e, 'selectDay')
        //     console.log(new Date(e).getMonth())
        //     this.currentMonth = `${new Date(e).getMonth() + 1}月`
        // },
        // // 生成当前周、上周和下周的日历数据
        // generateCalendarData() {
        //     const now = new Date();
        //     const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
        //     const oneDay = 24 * 60 * 60 * 1000;

        //     // 获取某一周的开始和结束日期
        //     function getWeekRange(date) {
        //         const dayOfWeek = date.getDay() === 0 ? 7 : date.getDay();
        //         const start = new Date(date.getTime() - (dayOfWeek - 1) * oneDay);
        //         const end = new Date(start.getTime() + 6 * oneDay);
        //         return { start, end };
        //     }

        //     // 生成某一周的 spotMap 数据
        //     function generateWeekSpotMap(start, end) {
        //         const spotMap = [];
        //         const current = new Date(start);
        //         while (current <= end) {
        //             const dateStr = `${current.getFullYear()}-${String(current.getMonth() + 1).padStart(2, '0')}-${String(current.getDate()).padStart(2, '0')}`;
        //             // 尝试从已有的 spotMap 中获取状态
        //             const existing = this.spotMap.find(item => item.date === dateStr);
        //             let status;
        //             if (current < today) {
        //                 // 当天之前的日期，根据已有数据设置状态
        //                 status = existing ? existing.status : 1;
        //             } else if (current > today) {
        //                 // 当天之后的日期，状态为空
        //                 status = '';
        //             } else {
        //                 // 当天的日期，根据已有数据设置状态，没有则默认未签到
        //                 status = existing ? existing.status : 1;
        //             }
        //             spotMap.push({
        //                 date: dateStr,
        //                 status: status 
        //             });
        //             current.setDate(current.getDate() + 1);
        //         }
        //         return spotMap;
        //     }

        //     // 上周
        //     const lastWeekStart = new Date(today.getTime() - 7 * oneDay);
        //     const lastWeekRange = getWeekRange(lastWeekStart);
        //     const lastWeekSpotMap = generateWeekSpotMap.call(this, lastWeekRange.start, lastWeekRange.end);

        //     // 本周
        //     const thisWeekRange = getWeekRange(today);
        //     const thisWeekSpotMap = generateWeekSpotMap.call(this, thisWeekRange.start, thisWeekRange.end);

        //     // 下周
        //     const nextWeekStart = new Date(today.getTime() + 7 * oneDay);
        //     const nextWeekRange = getWeekRange(nextWeekStart);
        //     const nextWeekSpotMap = generateWeekSpotMap.call(this, nextWeekRange.start, nextWeekRange.end);

        //     return [
        //         { spotMap: lastWeekSpotMap },
        //         { spotMap: thisWeekSpotMap },
        //         { spotMap: nextWeekSpotMap }
        //     ];
        // },
        
        // 或者盲盒参与进度  或者明细
        toMysteryBoxDetail(item){
            const params = {
                taskManagementId:item.id,
            }
            uni.navigateTo({
                url:'/pages/blindBox/blindBoxParticipation?params=' +
                    encodeURIComponent(JSON.stringify(params))
            })
        },
        async toReceviewBlindBox(item){
            if(this.isOpening) return; // 如果正在处理中，直接返回
            this.isOpening = true; // 设置为处理中状态
            try {
                const res = await receiveBlindBoxApi({receiptsRecordId:item.receiptsRecordId})
                if(res.code == 200){
                    const status = res.data?.status || true
                    const params = {
                        receiptsRecordId:item.receiptsRecordId,
                        taskManagementId:res.data?.taskManagementId || undefined 
                    }
                    uni.navigateTo({
                        url:'/pages/blindBox/receiveBlindBox?params=' +
                        encodeURIComponent(JSON.stringify(params))
                    })
                }
            } catch (error) {
                console.error('领取盲盒出错:', error);
            } finally {
                this.isOpening = false; // 无论成功失败，都重置状态
            }
        },
        //领取盲盒
        toOpenBlindBox(){
            uni.navigateTo({
                url:'/pages/blindBox/openBlindBox'
            })
        },
        // 签到记录
        async getDailySignInRecords(){
            const res = await getDailySignInApi()
            if(res.code === 200){
                this.blindBoxTaskRecordResponses = res.data?.blindBoxTaskRecordResponses || []
                this.weekTaskRecordResponses = res.data?.weekTaskRecordResponses || {}
                this.continuousSignInDays = res.data?.continuousSignInDays || 0
                console.log(this.weekTaskRecordResponses,'this.weekTaskRecordResponses')
                // this.checkedInDay = res.data.checkedInDay
                // this.checkInDailyBox = res.data.checkInDailyBox
                // this.pointsTasksBox = res.data.pointsTasksBox
            }
        },
        toDescribe(){
            uni.navigateTo({
                url:`/pages/other/guaranteeInfo?guaranteeType=PROPERTY_LOSS&pageType=${'integral'}`
            })
        }
    }
}
</script>

<style lang="scss" scoped>
.content {
    background-color: #ffffff;
    display: flex;
    flex-direction:column;
    height:100vh;
    overflow:hidden;
    box-sizing: border-box;
}
.scroll-content {
    flex: 1;
    height: 1px;
}
.tabTop{
    padding:0rpx 48rpx;
}
.title{
    font-size: 60rpx;
    line-height: 60rpx;
    text-align: left;
    color: #111111;
}
.checkedInDay{
    font-size: 28rpx;
    color: #111111;
    line-height: 28rpx;
    margin-top: 43rpx;
}
.checkInDailyBox{
    margin-top: 63rpx;
    width: 100%;
    height: auto;
    background: #ffeadd;
    display: flex;
    flex-direction: column;
    // justify-content: space-between;
    // position: relative;
    // padding:48rpx;

    .checkInDailyTitle{
        margin-top: 50rpx;
        padding-left:40rpx;
    }

    .checkInWeek{
        margin-top: 42rpx;
        height: 145rpx;
    }
}
.pointsTasksBox{
    margin-top: 71rpx;
    padding-bottom: calc(18rpx + env(safe-area-inset-bottom));   //底部  18+36=54px

    .tasksBoxTitle{
        font-size: 32rpx;
        color: #111111;
        line-height:32rpx ;
    }
    .pointsTasksList{
        margin-top:5rpx;  //5+47=52px
    }
    .tasksItemBox{
        margin-top: 47rpx;
        padding:0rpx;
        display: flex;
        align-items: center;

        .tasksContent{
            width: 50%;
            padding-left: 40rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            .tasksName{
                font-size: 32rpx;
                color: #111111;
                line-height: 32rpx;
            }
            .button{
                margin-top: 40rpx;
                border-radius: 30px;
                border: 1rpx solid #FF6203;
                font-size: 28rpx;
                line-height: 28rpx;
                color: #ff6203;
                // padding: 18rpx 0rpx;
                height: 58rpx;
                line-height: 58rpx;
                text-align: center;
                width: 185rpx;
            }
            .disabledButton{
                margin-top: 40rpx;
                border-radius: 30rpx;
                border: 1rpx solid #D4D4D4;
                font-size: 28rpx;
                line-height: 28rpx;
                color: #D4D4D4;
                // padding: 18rpx 0rpx;
                height: 58rpx;
                line-height: 58rpx;
                text-align: center;
                width: 185rpx;
            }
            .progressText{
                margin-top: 80rpx;
                font-size: 28rpx;
                line-height: 28rpx;
                text-align: left;
                color: #666666;
            }
            .tasksProgress{
                width: 100%;
                margin-top: 34rpx;
            }

        }

    }
    .tasksItemBox:last-child{
        border-bottom: none;
    }
    .tasksIcon{
        width: 242rpx;
        height:242rpx;
        background-color: #F7F7F7;
        display: flex;
        align-items: center;
        justify-content: center;

        img{
            width: 126rpx;
            height: 164rpx;
        }
    }

}

::v-deep .van-nav-bar__left {
    width: 56px;
    height: 44px;
}

::v-deep .van-icon {
    color: #242629 !important;
}

::v-deep .van-cell{
    padding-left: 0px !important;
    border-bottom: 1px solid #f9f9f9;
}
// 滚动条 去掉自带的文字提示  
::v-deep .van-progress__pivot {
	display: none;
}
</style>
